Ext.define('TS.view.Viewport',{
        extend: 'Ext.Viewport',
        layout: 'fit',
        hideBorders: true,
        requires : [
            'TS.view.Header',
            //'TS.view.Menu',
            'TS.view.AccordionMenu',
            'TS.view.TabPanel',
            'TS.view.Footer'
        ],
        initComponent : function(){
            var me = this;
            Ext.apply(me, {
                items: [{
                    id:'desk',
                    layout: 'border',
                    items: [
                        Ext.create('TS.view.Header'),
                        //Ext.create('TS.view.Menu'),
                        Ext.create('TS.view.AccordionMenu'),
                        Ext.create('TS.view.TabPanel'),
                        Ext.create('TS.view.Footer')
                    ]
                }]
            });
            me.callParent(arguments);
        }
});